<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

</head>
<body>

solot是一种传递参数的方式 类似于pros
<script src="../js/vue.min.js"></script>
<div id="app">
    <children><span slot="first" @click="tobeknow">12345</span> <span slot="second">56789</span>
        <!--上面这行不会显示-->
    </children>
    <br>当点击文字12345的区域时（而不是按钮全部），会触发父组件的tobeknow方法。


</div>
<script>  var vm = new Vue({
    el: '#app',
    methods: {
        tobeknow: function () {
            console.log("It is the parent's method");
        }
    }, components: {
        children: {
//这个无返回值，不会继续派发
            template: "<button><slot name='first'></slot>为了明确作用范围，<slot name='second'></slot>所以使用button标签</button>"
        }
    }
});  </script>


</body>
</html>